/* 赛博朋克主题变量 */
:root {
  --cyber-primary: #0ff0fc;
  --cyber-secondary: #ff2a6d;
  --cyber-accent: #f6019d;
  --cyber-bg-dark: #0d0221;
  --cyber-bg-light: #1a1b26;
  --cyber-text: #d1f7ff;
  --cyber-border: rgba(0, 255, 255, 0.3);

  /* Element Plus变量覆盖 */
  --el-color-primary: var(--cyber-primary);
  --el-bg-color: var(--cyber-bg-light);
  --el-bg-color-page: var(--cyber-bg-dark);
  --el-text-color-primary: var(--cyber-text);
  --el-text-color-regular: #a1e5ff;
  --el-border-color: var(--cyber-border);
}

/* 基础布局 */
body {
  background-color: var(--cyber-bg-dark);
  color: var(--cyber-text);
  font-family: 'Courier New', monospace;
  min-height: 100vh;
}

/* 全局过渡效果 */
* {
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    color 0.3s ease;
}

/* 霓虹文字效果 */
h1,
h2,
h3 {
  text-shadow:
    0 0 5px var(--cyber-primary),
    0 0 10px var(--cyber-primary);
  letter-spacing: 1px;
}

/* 容器样式 */
.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 2rem;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .container {
    padding: 0 1rem;
  }
}
